<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="tag" tagdir="/WEB-INF/tags" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />

<!DOCTYPE html>
<html>
<tag:head title="图书推荐" ctx="${ctx}">
</tag:head>

<tag:body>
	<!-- 左 上 导航 -->
	<tag:nav ctx="${ctx}"></tag:nav>

	<!-- page content -->
	<div class="right_col" role="main">
		<div class="">
			<div class="clearfix"></div>

			<div class="row">
				<div class="col-md-12 col-sm-12 col-xs-12">
					<div class="x_panel">
						<div class="x_title">
							<h2>图书推荐</h2>
							<ul class="nav navbar-right panel_toolbox">
								<li>
									<button type="button" class="btn btn-info" onclick="changeRecommendationBooks()">换一批</button>
								</li>
							</ul>
							<div class="clearfix"></div>
						</div>
						<div class="x_content">
							<c:if test="${fn:length(requestScope.recommendBooks) == 0}">
								暂无任何推荐
							</c:if>
							<c:forEach var="recommendBook" items="${requestScope.recommendBooks}">
								<div class="col-md-55">
									<div class="thumbnail">
										<div class="image view view-first">
                                            <span class="label label-success">${recommendBook.reason}</span>
											<p class="bookId" style="display: none;">${recommendBook.book.bookId}</p>
											<img style="width: 100%; display: block;" src="${ctx}/${recommendBook.book.bookImage}" alt="image" />
											<div class="mask">
												<div class="tools tools-bottom">
													<button type="button" class="btn btn-info btn-xs" onclick="bookInfo('${recommendBook.book.bookId}')">查看</button>
												</div>
											</div>
										</div>
                                        <div class="caption">
                                            <p>《<strong>${recommendBook.book.name}</strong>》</p>
                                        </div>
									</div>
								</div>
							</c:forEach>
						</div>
					</div>
				</div>

			</div>
			<div class="emptyRow"></div>



		</div>
	</div>
	<!-- /page content -->

	<!-- footer content -->
	<tag:footer></tag:footer>
</tag:body>
<!-- javascript -->
<tag:javascript ctx="${ctx}">
	<!-- this page -->
	<script src="${ctx}/assets/js/staff/staff_recommendation_book/staff_recommendation_book.js"></script>
</tag:javascript>
</html>
